<template>
  <div class="info-board">
    <div class="title">单号： 1341-1711010033</div>
    <el-row type="flex" class="row-bg" justify="center">
      <el-col :span="8">
        <div class="binfo">品&ensp; &ensp; &ensp; &ensp; 名：</div>
      </el-col>
      <el-col :span="8">
        <div class="info-content">N7#AA注塑开口</div>
      </el-col>
    </el-row>
    <el-row type="flex" class="row-bg" justify="center">
      <el-col :span="8">
        <div class="binfo">数&ensp;&ensp; &ensp; &ensp;  量：</div>
      </el-col>
      <el-col :span="8">
        <div class="info-content">556</div>
      </el-col>
    </el-row>
    <el-row type="flex" class="row-bg" justify="center">
      <el-col :span="8">
        <div class="binfo">状&ensp; &ensp; &ensp; &ensp; 态：</div>
      </el-col>
      <el-col :span="8">
        <div class="info-content">完成</div>
      </el-col>
    </el-row>
    <el-row type="flex" class="row-bg" justify="center">
      <el-col :span="8">
        <div class="binfo">排产日期：</div>
      </el-col>
      <el-col :span="8">
        <div class="info-content">2017.11.05</div>
      </el-col>
    </el-row>
    <el-row type="flex" class="row-bg" justify="center">
      <el-col :span="8">
        <div class="binfo">完成日期：</div>
      </el-col>
      <el-col :span="8">
        <div class="info-content">2017.11.10</div>
      </el-col>
    </el-row>
    <el-row type="flex" class="row-bg" justify="center">
      <el-col :span="8">
        <div class="binfo">合格品率：</div>
      </el-col>
      <el-col :span="8">
        <div class="info-content">98.76%</div>
      </el-col>
    </el-row>
    <el-row type="flex" class="row-bg" justify="center">
      <el-col :span="8">
        <div class="binfo">不合格数：</div>
      </el-col>
      <el-col :span="8">
        <div class="info-content">6</div>
      </el-col>
    </el-row>
  
  </div>
</template>

<script>
  export default {
    props: ['myTableData'],
    data() {
      return {
  
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .info-board {
    background: #2c343c;
  }
  
  .title {
    font-size: 16px;
    color: #808080;
    margin-bottom: 30px;
  }
  
  .row-bg.el-row {
    height: 30px
  }
  
  .binfo {
    text-align: left;
  }
  
  .info-content {
    text-align: left;
  }
</style>
